.audit-page {
  .data-list {
    padding: 20rpx;

    .data-item {
      margin-bottom: 20rpx;
      padding-bottom: 20rpx;

      .data-title {
        display: flex;
        align-items: center;
        height: 90rpx;
        border-bottom: 2rpx solid #f5f5f5;
        padding: 0 20rpx;

        .iconfont {
          font-size: 36rpx;
          color: var(--color-priamry);
          margin-right: 20rpx;
        }

        .title-txt {
          font-size: 30rpx;
          font-weight: bold;
        }

        .heat-area {
          font-size: 24rpx;
          margin-left: 40rpx;
        }
        .pay-date{
          font-size: 24rpx;
          color: var(--color-success-dark);
          border: 2rpx solid var(--color-success);
          padding: 0 10rpx;
          background-color: var(--color-success-light);
          border-radius: 6rpx;
          margin-left: 60rpx;
        }
      }

      .heat-year {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 40rpx;

        .heat-year-item {
          min-width: 0;
          display: flex;
          align-items: center;
          height: 60rpx;
          color: var(--base-text);

          &.error {
            color: var(--color-warning);
          }
        }
      }

      .pay-info {
        padding-left: 40rpx;

        .pay-info-item {
          height: 60rpx;
          line-height: 60rpx;
          color: var(--base-text);
        }
      }
    }
  }
}